import { TodoHeader } from './components/TodoHeader';
import { TodoMain } from './components/TodoMain';
import { TodoFooter } from './components/TodoFooter';

const Todo = () => {
  // const todos = useSelector((state) => state.todos);
  // console.log(todos);
  return (
    <section className="todoapp">
      <TodoHeader />
      <TodoMain />
      <TodoFooter />
    </section>
  );
};

export default Todo;
